export class Main {

    public mainbar: HTMLElement;
    public toolsbar: HTMLElement;
    public navbar: HTMLElement;
    public listbar: HTMLElement;
    public content: HTMLElement;
    constructor() {
        this.inti();

    }

    inti() {
        this.mainbar = document.createElement("div");
        this.toolsbar = document.createElement("div");
        this.navbar = document.createElement("div");
        this.listbar = document.createElement("div");
        this.content = document.createElement("div");
        this.layout();
    }

    layout() {
        this.mainbar.className="main_mainbar";
        
        this.toolsbar.className="main_toolsbar";
        this.mainbar.appendChild(this.toolsbar);

        this.navbar.className="main_navbar";
        this.mainbar.appendChild(this.navbar);

        this.listbar.className="main_listbar";
        this.mainbar.appendChild(this.listbar);

        this.content.className="main_content";
        this.mainbar.appendChild(this.content);

        document.body.appendChild(this.mainbar);
    }
}